import Vue from 'vue';
import VueRouter from 'vue-router';
//使用插件
Vue.use(VueRouter);
import Home from '@/pages/Home'
import Search from '@/pages/Search'
import Login from '@/pages/Login'
import Register from '@/pages/Register';
//对外默认暴露一个VueRouter的实例
//在路由配置的时候，对外暴露一个router类的实例
//对外暴露一个VueRouter实例
export default new VueRouter({
    //配置路由
    routes:[
        {
        path:'/home',
        component:Home,
        //路由的元信息----控制footer显示与隐藏
        meta:{show:true},
       },
        {
        //代表的params参数可有可无，务必要加上问号?
        path:'/search/:keyword?',
        component:Search,
        meta:{show:true},
        //命名路由
        name:'search',
        //路由传递props数据的三种写法
        props:(route)=>({keyWord:route.params.keyWord,k:route.query.k})
       },
       {
        path:'/login',
        component:Login,
        meta:{show:false},
       },
       {
        path:'/register',
        component:Register,
        meta:{show:false},
       },
       {
           //重定向  不选择任何路径时页面一上来就显示home组件的页面
           path:'/',
           redirect:'/home',
       }
     ]     
})